<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米su7</title>
		<style>
			div#parent{
				width: 400px;
				height: 650px;
				border: 1px solid #eeeeee;
			}
			div#son{
				width: 300px;
				height: 450px;
				border: 1px solid #eeeeee;
				margin-top: 50px;
				margin-left: 50px;
				background: url(./img/小米su7.jpg);
				width: 300px;
				height: 450px;
				background-size: cover;
				background-position: center;
			}
			#header{
				margin-top: 20px;
				font-family: 微软雅黑,sans-serif;
				font-size: 1.5em;
				text-align: center;
			}
			#main {
				margin-top: 15px;
				font-family: 微软雅黑,sans-serif;
				font-size: 1.5em;
				color: red;
			    text-align: center;
			}
			#footer {
				margin-top: 15px;
				margin-left: 135px;
			    text-align: center;
			    
			}
			
		</style>
	</head>
	<body>
		<div id="parent">
			<div id="son"></div>
			<div id="header">小米su7</div>
			<div id="main">￥279999.00</div>
			<span id="footer">已有 10万+ 人评价</span>
		</div>
	</body>
</html>